<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no,minimal-ui">
    <meta name="format-detection" content="telephone=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="description" content="">
    <meta name="keywords" content="">
    <script>
    (window.__setFontSize__=function(){document.documentElement.style.fontSize = document.documentElement.clientHeight > 540?Math.min( 640, document.documentElement.clientWidth)  / 375 * 14 + 'px':Math.min( 640, document.documentElement.clientWidth)  / 375 * 12 + 'px'})();
		window.dataItag = '';
    </script>
	  <script no-inline src="http://m.zhongan.com/resource/js/form/zepto.js"></script>
		<script no-inline src="//static.zhongan.com/website/public/js/ilog/dist/ilog.min.js"></script>
	  <script no-inline src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
    <link href="css/main.css" rel="stylesheet">
    <link href="css/entry.css" rel="stylesheet">
    <title></title>
	</head>
	<body>
		<div class="" id="loader">
			<div class="loader"></div>
			<p>Loading <span class="text">0%</span></p>
		</div>
		<div class="preimg" style="display:none;">
			<img preload-src="//static.daily.zhongan.com/website/other/html/overtime/images/btn_music.png">
			<img preload-src="//static.daily.zhongan.com/website/other/html/overtime/images/ensure.png">
			<img preload-src="//static.daily.zhongan.com/website/other/html/overtime/images/selected.png">
			<img preload-src="//static.daily.zhongan.com/website/other/html/overtime/images/qrcode.jpg">
			<img preload-src="//static.daily.zhongan.com/website/other/html/overtime/images/arrow.png">
			<img preload-src="//static.daily.zhongan.com/website/other/html/overtime/images/02/02_1.png">
			<img preload-src="//static.daily.zhongan.com/website/other/html/overtime/images/02/02_2.png">
			<img preload-src="//static.daily.zhongan.com/website/other/html/overtime/images/02/02_3.png">
			<img preload-src="//static.daily.zhongan.com/website/other/html/overtime/images/02/02_4.png">
			<img preload-src="//static.daily.zhongan.com/website/other/html/overtime/images/02/02_5.png">
			<img preload-src="//static.daily.zhongan.com/website/other/html/overtime/images/02/02_bg.jpg">
			<img preload-src="//static.daily.zhongan.com/website/other/html/overtime/images/03/03_1.png">
			<img preload-src="//static.daily.zhongan.com/website/other/html/overtime/images/03/03_2.png">
			<img preload-src="//static.daily.zhongan.com/website/other/html/overtime/images/03/03_3.png">
			<img preload-src="//static.daily.zhongan.com/website/other/html/overtime/images/03/03_4.png">
			<img preload-src="//static.daily.zhongan.com/website/other/html/overtime/images/03/03_5.png">
			<img preload-src="//static.daily.zhongan.com/website/other/html/overtime/images/03/03_answer.png">
			<img preload-src="//static.daily.zhongan.com/website/other/html/overtime/images/03/03_bg.jpg">
			<img preload-src="//static.daily.zhongan.com/website/other/html/overtime/images/04/04_1.png">
			<img preload-src="//static.daily.zhongan.com/website/other/html/overtime/images/04/04_2.png">
			<img preload-src="//static.daily.zhongan.com/website/other/html/overtime/images/04/04_answer.png">
			<img preload-src="//static.daily.zhongan.com/website/other/html/overtime/images/04/04_bg.jpg">
			<img preload-src="//static.daily.zhongan.com/website/other/html/overtime/images/05/05_1.png">
			<img preload-src="//static.daily.zhongan.com/website/other/html/overtime/images/05/05_face.png">
			<img preload-src="//static.daily.zhongan.com/website/other/html/overtime/images/05/05_answer.png">
			<img preload-src="//static.daily.zhongan.com/website/other/html/overtime/images/05/05_bg.jpg">
			<img preload-src="//static.daily.zhongan.com/website/other/html/overtime/images/06/06_1.png">
			<img preload-src="//static.daily.zhongan.com/website/other/html/overtime/images/06/06_2.png">
			<img preload-src="//static.daily.zhongan.com/website/other/html/overtime/images/06/06_answer.png">
			<img preload-src="//static.daily.zhongan.com/website/other/html/overtime/images/06/06_bg.jpg">
			<img preload-src="//static.daily.zhongan.com/website/other/html/overtime/images/07/07_1.png">
			<img preload-src="//static.daily.zhongan.com/website/other/html/overtime/images/07/07_2.png">
			<img preload-src="//static.daily.zhongan.com/website/other/html/overtime/images/07/07_answer.png">
			<img preload-src="//static.daily.zhongan.com/website/other/html/overtime/images/07/07_bg.jpg">
			<img preload-src="//static.daily.zhongan.com/website/other/html/overtime/images/08/08_1.jpg">
			<img preload-src="//static.daily.zhongan.com/website/other/html/overtime/images/08/08_2.jpg">
			<img preload-src="//static.daily.zhongan.com/website/other/html/overtime/images/09/09_bg.jpg">
		</div>
		<div class="contain" id="container" style="display:none">
			<div class="switch_music" id="switch_music">
				<audio src="//static.daily.zhongan.com/website/other/html/overtime/res/music2.mp3"></audio>
			</div>
			<div class="view view1 startAni">
				<div class="direction_arrow bounceOutUp"></div>
				<div class="bg"></div>
				<div class="tip1 enterScale1 ani aniEnd"></div>
				<div class="material1 enterScale2 ani"></div>
				<div class="material2 moveRT ani"></div>
				<div class="material3 moveB ani"></div>
				<div class="form">
					<div class="area">
						<input type="text" name="" id="" readonly="">
						<span onclick="ddl0.show()" class="select" name=""></span>
						<span onclick="ddl1.show()" class="select" name=""></span>
						<div class="areabtn">挂号</div>
					</div>
				</div>
			</div>

			<div class="view view2">
				<div class="direction_arrow bounceOutUp"></div>
				<div class="bg"></div>
				<div class="tip1 enterScale1 ani"></div>
				<div class="material1 bounceInUp ani aniEnd"><div class="material2 flash ani"></div></div>
				<div class="material3"></div>
				<div class="material4 noteAni ani"></div>
				<div class="form">
					<div class="area">
						<ul class="qa">
							<li data-v="1"></li>
							<li data-v="2"></li>
							<li data-v="3"></li>
						</ul>
						<div class="areabtn">确定</div>
					</div>
				</div>
			</div>

			<div class="view view3">
				<div class="direction_arrow bounceOutUp"></div>
				<div class="bg"></div>
				<div class="tip1 enterScale1 ani aniEnd"></div>
				<div class="material1 face1Ani ani"></div>
				<div class="form">
					<div class="area">
						<ul class="qa">
							<li data-v="1"></li>
							<li data-v="2"></li>
							<li data-v="3"></li>
						</ul>
						<div class="areabtn">确定</div>
					</div>
				</div>
			</div>

			<div class="view view4">
				<div class="direction_arrow bounceOutUp"></div>
				<div class="bg"></div>
				<div class="tip1 enterScale1 ani aniEnd"></div>
				<div class="material1 face2Ani ani"></div>
				<div class="form">
					<div class="area">
						<ul class="qa">
							<li data-v="1"></li>
							<li data-v="2"></li>
							<li data-v="3"></li>
						</ul>
						<div class="areabtn">确定</div>
					</div>
				</div>
			</div>

			<div class="view view5">
				<div class="direction_arrow bounceOutUp"></div>
				<div class="bg"></div>
				<div class="tip1 enterScale1 ani aniEnd"></div>
				<div class="material1 face3Ani ani"></div>
				<div class="form">
					<div class="area">
						<ul class="qa">
							<li data-v="1"></li>
							<li data-v="2"></li>
							<li data-v="3"></li>
						</ul>
						<div class="areabtn">确定</div>
					</div>
				</div>
			</div>

			<div class="view view6">
				<div class="direction_arrow bounceOutUp"></div>
				<div class="bg"></div>
				<div class="tip1 enterScale1 ani aniEnd"></div>
				<div class="material1 face4Ani ani"></div>
				<div class="form">
					<div class="area">
						<ul class="qa">
							<li data-v="1"></li>
							<li data-v="2"></li>
							<li data-v="3"></li>
						</ul>
						<div class="areabtn">确定</div>
					</div>
				</div>
			</div>

			<div class="view7">
				<div class="table">
					<div class="hz">
						<span class="name">mama</span><span class="wz"></span>
					</div>
					<div class="cell1" id="JsTableID"></div>
					<div class="cell2" id="JsTableDate"></div>
					<div class="cell3" id="JsTableP1">我是朱一一我是朱一一我是朱一一我是朱一一我是朱一一我是朱一一我是朱一一我是朱一一我是朱一一我是朱一一我是朱一一我是朱一一</div>
					<div class="cell4" id="JsTableP2">我是朱一一我是朱一一我是朱一一我是朱一一我是朱一一我是朱一一我是朱一一我是朱一一我是朱一一我是朱一一我是朱一一我是朱一一</div>
					<div class="treat" id="JsGotoEnd"></div>
					<div class="restart" id="JsRestart"></div>
				</div>
			</div>

			<div class="view8">
				<div class="table">
					<img src="//static.daily.zhongan.com/website/other/html/overtime/images/qrcode.jpg" class="qrcode">
				</div>
			</div>

		</div>
		<script src="//static.daily.zhongan.com/website/other/html/overtime/js/fastclick.js"></script>
		<script src="//static.daily.zhongan.com/website/other/html/overtime/js/ui.select.min.js"></script>

		<script type="text/javascript">
			var v1 = {'1-1':1,'2-2':2,'3-3':3,'4-4':4,'5-5':5,'6-6':6,'7-7':7,'8-8':8,'9-9':9,'10-10':10,'11-11':11,'12-12':12};
			var v2 = {'1-1':1,'2-2':2,'3-3':3,'4-4':4,'5-5':5,'6-6':6,'7-7':7};
	    var ddl0 = new ZASelect(v1, {
	      columns: 1
	    });
			ddl0.on('done',function(e,v) {
				$('.select').eq(0).html(v.value);
			})
	    var ddl1 = new ZASelect(v2, {
	      columns: 1
	    });
			ddl1.on('done',function(e,v) {
				$('.select').eq(1).html(v.value);
			})
			$(function(){
		  	FastClick.attach(document.body);

			});
			function ImgPreloader(callback){

			    var $allimgs = $('img[preload-src]');
			    if(!$allimgs || !$allimgs.length){

			        callback({
			            percentage: 1
			        })
			        return;
			    }

			    var img_total_count = $allimgs.length,
			        img_loaded_count = 0;

			    var onImgLoaded = function(e){

			        // js 是单线程，不需要考虑并发
			        img_loaded_count++;

			        console.log(img_loaded_count);

			        callback({
			            percentage: img_loaded_count/img_total_count
			        })
			    }

			    $allimgs.each(function(idx,img){

			        img.onload = onImgLoaded;
			        img.src = img.getAttribute('preload-src');
			    })
			};

			function ImgLazyloader(){

			    var $allimgs = $('img[lazy-src]');

			    if($allimgs.length == 0) {
			        return
			    }

			    $allimgs.each(function(idx,img){

			        //var newImage = new Image();
			        //newImage.onload = function(){
			        // img.src = this.src
			        //}
			        //
			        //newImage.src = img.getAttribute('lazy-src');

			        img.src = img.getAttribute('lazy-src');
			    })
			}
		</script>
	  <script src="//static.daily.zhongan.com/website/other/html/overtime/js/wxshare.js"></script>
		<script type="text/javascript">
		  // 分享配置，是否开启debug模式
		  window._za_share_debug_ = false;
		  var za_share_data = {
		    link: window.baseUrl + '/open/product/activity/ProductDetail10002?channelId=8&version=2',
		    title: '',
		    richTitle: '',
		    desc: '',
		    imgUrl: '//static.daily.zhongan.com/website/other/html/overtime/share.png',
		    // appshareClick: appShareCallback,
		    // success: appShareCallback
		  };

		  window.Zero.share(za_share_data, {
		    type: '2,3'
		  });
		</script>
	  <script src="//static.daily.zhongan.com/website/other/html/overtime/js/entry.js"></script>
	  <script src="//static.daily.zhongan.com/website/other/html/overtime/js/analysis.js"></script>

	</body>
</html>
